<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt"  prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>滴滴法律</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/my-style.css">
	<!--[if lt IE 9]> 
		<script> src="js/html5shiv.min.js"></script> 
	<![endif]-->
</head>
<body>
	<!-- 导航栏 -->
	<header>
		<nav class="navbar navbar-inverse">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="index.html">
		        <img alt="LOGO" src="img/logo.png">
		      </a>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left">
						 <li class="cur"><a href="index/home">首页</a></li>
				          <li><a href="lawyer/list">法律人</a></li>
				          <li><a href="contract/list">法律产品</a></li>
				          <li><a href="knowledge/index">法律知识</a></li>
				          <li><a href="#">招聘</a></li>
					</ul>

					<ul class="nav navbar-nav navbar-right">
						<li><a class="add-btn" href="index/join">法律人入驻<span class="caret"></span></a></li>
						<c:if test="${sessionScope.user == null}">
								  <li><a href="user/login">登录</a></li>
	         					 <li><a href="user/register">注册</a></li>
						</c:if>
						<c:if test="${sessionScope.user != null}">
								<li>
										<c:if test="${sessionScope.user.type  == 0}">
										<a href="user/person">${sessionScope.user.username}</a>
										</c:if>
										<c:if test="${sessionScope.user.type  == 1}">
										<a href="lawyer/person">${sessionScope.user.username}</a>
										</c:if>
										<c:if test="${sessionScope.user.type  == 2}">
										<a href="lawyer/person">${sessionScope.user.username}</a>
										</c:if>
							    </li>
	         					 <li><a href="user/logout">退出</a></li>
						</c:if>
	        
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!-- banner -->
	<section>
		<div class="container-banner">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<a href="index/join" class="btn btn-black">我要入驻</a>
						<a href="lawyer/list" class="btn btn-black">我要咨询</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	
	<!-- topic -->
	<section class="topic">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12 col-xs-12">
					<div class="col-md-2 col-sm-2 col-xs-12 center">
						<span class="topic-img">热门话题<i class="state">推荐</i></span>						
					</div>
					<div class="col-md-10 col-sm-10 col-xs-12 hidden-xs">
						<ul class="navbar-topic">
							<li><a href="topic/list/1">婚姻</a></li>
							<li><a href="topic/list/2">交通</a></li>
							<li><a href="topic/list/3">知识</a></li>
							<li><a href="topic/list/4">合同</a></li>
							<li><a href="topic/list/5">消费</a></li>
							<li><a href="topic/list/1">更多>></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- topic picture -->
			<div class="row row-pic">
				<div class="col-md-4 col-sm-4 col-xs-12 pic-grids text-center">
					<a href="topic/list/1">
						<img src="img/marriage.png" alt="婚姻">
						<span>婚&nbsp;&nbsp;姻</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12 pic-grids text-center">
					<a href="topic/list/2">
						<img src="img/traffic.png" alt="交通">
						<span>交&nbsp;&nbsp;通</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12 pic-grids text-center">
					<a href="topic/list/3">
						<img src="img/knowledge.png" alt="知识">
						<span>知&nbsp;&nbsp;识</span>
					</a>
				</div>				
			</div>
			<div class="row row-pic" style="margin-top:10px;">
				<div class="col-md-4 col-sm-4 col-xs-12 pic-grids text-center">
					<a href="topic/list/4">
						<img src="img/contract.png" alt="合同">
						<span>合&nbsp;&nbsp;同</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12 pic-grids text-center">
					<a href="topic/list/5">
						<img src="img/consume.png" alt="消费">
						<span>消&nbsp;&nbsp;费</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12 pic-grids text-center">
					<a href="topic/list/1">
						<img src="img/more.png" alt="更多">
						<span>更&nbsp;&nbsp;多</span>
					</a>
				</div>				
			</div>
		</div>
	</section>
	<!--feature topic2 -->
	<section class="feature">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12 col-xs-12">
					<div class="col-md-12 col-sm-12 col-xs-12 center">
							<span class="topic-img">法律知识<i class="state">推荐</i></span>						
					</div>
				</div>
			</div>
			<div class="row" style="margin-top:10px;">				
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="knowledge/list?type=1">
						<img class="img-circle" src="img/product-1.png" alt="企业产品">
						<p>户籍知识</p>
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="knowledge/list?type=2">
						<img class="img-circle" src="img/product-2.png" alt="个人产品">
						<p>房地产知识</p>
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="knowledge/list?type=3">
						<img class="img-circle" src="img/product-3.png" alt="企业套餐">
						<p>婚姻知识</p>
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="knowledge/list?type=4">
						<img class="img-circle" src="img/product-4.png" alt="个人套餐">
						<p>知识产权知识</p>
					</a>
				</div>
			</div>
		</div>
	</section>
	<!-- low-download topic -->	
	<section class="low-download">
		<div class="container">
			<div class="row" style="margin-bottom:10px;">
				<div class="col-md-12 col-sm-12">
					<div class="col-md-12 col-sm-12 col-xs-12 center">
						<span class="topic-img">合同下载<i class="state">推荐</i></span>
					</div>	
				</div>					
			</div>
			<div class="row">
					<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="#">
						<div class="media">
						  <div class="media-left media-middle">
						    <img class="media-object" src="img/contract-download.png" alt="...">
						  </div>
						  <div class="media-body">
						    <h4 class="media-heading">房租合同范本</h4>						    
						  </div>
						</div>
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="#">
						<div class="media">
						  <div class="media-left media-middle">
						    <img class="media-object" src="img/contract-download.png" alt="...">
						  </div>
						  <div class="media-body">
						    <h4 class="media-heading">房租合同范本</h4>						    
						  </div>
						</div>
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="#">
						<div class="media">
						  <div class="media-left media-middle">
						    <img class="media-object" src="img/contract-download.png" alt="...">
						  </div>
						  <div class="media-body">
						    <h4 class="media-heading">房租合同范本</h4>						    
						  </div>
						</div>
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-12 feature-grids">
					<a href="#">
						<div class="media">
						  <div class="media-left media-middle">
						    <img class="media-object" src="img/contract-download.png" alt="...">
						  </div>
						  <div class="media-body">
						    <h4 class="media-heading">房租合同范本</h4>						    
						  </div>
						</div>
					</a>
				</div>	
				<div class="text-center" >
					<a style="margin-top:20px;" class="btn btn-default" href="contract/list">查看更多合同</a>
				</div>
				
			</div>
		</div>
	</section>
<!-- 评价展示 -->
	<section class="review-show">
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-12 text-center">
					<h2 class="text-primary">用户评价</h2>
					<p>我们期待您不只是滴滴法律成长的见证者，更希望您是一名参与者</p>
					<img src="img/review.png" alt="">
					
					<h2 class="text-primary">大家信赖滴滴法律</h2>
					<p>全国越来越多的人考试聚集于此，把自己的所学发表给大家</p>
				</div>
			</div>
		</div>
	</section>
	<section class="artfont"></section>
	<!-- 关于我们 -->
	<section class="about-us">
		<div class="container">
			<div class="row">
				<div class="cut-line col-sm-7 clearfix">
					<ul class="about-list pull-left">
						<li><b><a href="#">关于</a></b></li>
						<li><a href="#">关于滴滴法律</a></li>
						<li><a href="#">版权声明</a></li>
						<li><a href="#">关于隐私</a></li>
						<li><a href="#">服务协议</a></li>
					</ul>
					<ul class="about-list pull-left">
						<li><b><a href="#">团队</a></b></li>
						<li><a href="#">团队介绍</a></li>
						<li><a href="#">网站地图</a></li>
					</ul>
					<ul class="about-list pull-left">
						<li><b><a href="#">商务</a></b></li>
						<li><a href="#">媒体报道</a></li>
						<li><a href="#">人才招聘</a></li>
						<li><a href="#">鸣谢</a></li>
					</ul>
					<ul class="about-list pull-left">
						<li><b><a href="#">联系</a></b></li>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
					<ul class="about-list pull-left">
						<li><b><a href="#">帮助</a></b></li>
						<li><a href="#">使用指南</a></li>
						<li><a href="#">版本记录</a></li>
					</ul>
				</div>
				<div class="work-time col-sm-3 text-center cut-line">
					<h2>027-50857303</h2>
					<p>周一至周五(9:00-18:30)</p>
					<p>Email:wh_talent@163.com</p>
					<ul class="clearfix">
						<li><a href="#"><img class="img-circle" src="img/weixin.png" alt=""></li>
						<li><a href="#"><img class="img-circle" src="img/weibo.png" alt=""></li>
						<li><a href="#"><img class="img-circle" src="img/kongjian.png" alt=""></li>
						<li><a href="#"><img class="img-circle" src="img/bottom-more.png" alt=""></li>
					</ul>
				</div>
				<div class="weixin-about col-sm-2 text-center">
					<img src="img/Qrcode.png" alt="">
					<p><small>扫一扫添加<span class="text-success">微信公众号</span></small></p>
				</div>
			</div>
		</div>
	</section>
	<!-- footer -->
	<footer class="footer">
		<div class="container-fluid">
			<div class="row" >
				<div class="nav-li1">
					<ul class="text-center">
						<li>权威律师</li>
						<li>百万学生在线解答</li>
						<li>专业个人定制</li>
					</ul>	
				</div>
				<div class="nav-li2 center-block">
					<ul class="text-center clearfix">
						<li><a href="#">常见问题</a></li>
						<li><a href="#">关于滴滴法律</a></li>
						<li><a href="#">加入我们</a></li>					
					</ul>					
				</div>
				<div class="col-sm-12">
					<p class="text-muted text-center">2015滴滴法律粤ICP备14041238号</p>
				</div>
			</div>
		</div>
	</footer>

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>